@import "../modules/variables.scss";
@import "../modules/mixin.scss";
@import "../modules/public-admin-index.scss";
main,aside{
  background: $main-bg;
}
main{
  padding-bottom: 90px;
}

.admin-navbar{
  background: $pink;
  margin-bottom: 30px;
  .nav{
    margin-left: -30px;
  }
  .nav>li>a{
    padding:14px 30px;
  }
  a{
    color: #fff;
    font-size: 1.6rem;
  }
  .nav>.active{
    position: relative;
    > a:hover,a:focus,a{
      background: transparent;
    }
    &:after{
      content:'';
      display: block;
      width: 50px;
      height: 2px;
      background: #fff;
      position: absolute;
      bottom: 10px;
      left: 0;
      right:0;
      margin:auto;
    }
  }
}
.admin-content{
  .box{
    background: #fff;
  }
}
.admin-content{
  margin-bottom: 20px;
}
.admin-banner{
  //padding-top: 90px;
}
.admin-content-header{
  text-align: center;
  h2{
    margin-top: 0;
    padding-top: 25px;
    font-size: 2rem;
  }
  h3{
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 30px;
    font-size: 1.6rem;
    color: $pink;
  }
}
.section-1{
  .box{
    padding: 40px 0 50px;
  }
  .nav{
    margin-bottom: 35px;
  }
  .navbar-nav{
    margin-bottom: 0;
  }
}
#ai_today{
  ul{
    text-align: center;
  }
}
.section-table{
  .table{
    color: #868686;

    th{
      font-size: 1.8rem;
      font-weight: 400;
      padding-top: 15px;
      padding-bottom: 15px;
      border-color: $pink;
    }
    tr{
      th:first-child,td:first-child{
        padding-left: 20px;
      }
    }
    td{
      font-size: 1.6rem;
      padding:15px 8px;
      height: 70px;
      line-height: 70px;
    }
    a{
      .fa{
        color: $pink;
      }
      &:hover{
        .fa{
          color: lighten($pink,20%);
        }
      }
    }
    .a-clean{
      margin-left: 8px;
      padding-right: 8px;
    }

    .fa-edit,.fa-times-circle-o{
      font-size: 2.6rem;
      &:before{
        position: relative;
        top: 5px;
      }
    }

    .fa-check-circle,.fa-times-circle{
      font-size: 2.3rem;

    }
    .icon-times{
      &:after{
        top: 7px;
      }
    }
    .color-disabled{
      color: $black-3;
    }
    .color-active{
      color: $color-error;
    }
  }
}
.section-table-header{
  font-size: 1.6rem;
  border-bottom:1px solid $pink;
  .form-control{
    font-size: 1.6rem;
    //margin-top: 4px;
  }

  select{
    display: inline;
    width: 50%;
  }
  .division-item{
    line-height: 40px;
    &:after{
      position: absolute;
      right: 0;
      top: 0;
      color: $black-3;
      margin-left:0;
    }
  }
}
.text-info{
  font-size: 1.6rem;
  color: $black-2;
}
.section-h3{
  font-size: 1.6rem;
  color: $black-2;
  padding:8px;
  padding-left: 20px;
  strong{
    font-size: 2rem;
    font-weight: 400;
  }
}
.content-header-aside{
  padding-bottom: 25px;
}
.table-wrapper{
  min-height: 350px;
  th,td{
    @include text-ellipsis;
  }
}
.popover-list{
  transition:  all 200ms;
  cursor: pointer;
  &:hover{
    color: $pink;
  }
}
.popover{
  background: $black-1;
  color: #fff;
  font-family: 'PT Serif', Helvetica, Arial,serif;
  &.bottom>.arrow{
    &:after{
      border-bottom-color: $black-1;
    }
  }
  &.top>.arrow{
    &:after{
      border-top-color: $black-1;
    }
  }
  .popover-content{
    padding: 6px;
  }
}
/*dropdown*/
.dropdown-toggle{
  cursor: pointer;
  .fa{
    margin-top: 13px;
  }
}
.dropdown{
  margin-left: -10px;
  margin-right: -5px;
  padding-left: 10px;
  padding-right: 10px;
  span{
    position: relative;
    top:1px;
  }
  .btn{
    padding: 0;
    line-height: 2;
  }
}
.dropdown-menu{
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  >li{
    border-bottom:1px solid #c5c5c5;
    >a{
      padding:6px 1px;
    }
  }

}
.division-item{
  .col-xs-10{
    padding-left: 0;
    padding-right: 0;
  }
}
.modal-header{
  border-bottom-color:#fff\9;
  border-bottom-color: transparent;
  padding-top: 20px;
  padding-left: 25px;
  position: relative;
}
.modal-title{
  font-size:2rem;
}

.control-label,.form-control{
  font-size: 1.8rem;
  font-weight: 400;
}

.form-control{
  height: 40px;
}
.modal .close{
  position: absolute;
  left: -10px;
  top: -15px;
  background: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  opacity: 1;
  line-height: 10px;
  box-shadow: 1px 1px 8px 0 #aaa;
  color: #ccc;
  &:hover{
    color: $black-1;
  }
}
.control-btn{
  padding:0.5em 3em;
  font-size: 2rem;
}
/*validate*/

.modal-info{
  color:#989898;
}
.modal-body-padding{
  padding-left: 25px;
  padding-right: 45px;
}
.setting-title{
  font-size: 1.6rem;
  padding-left: 20px;
  border-bottom:1px solid $pink;
  margin-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 50px;
  .describe{
    color: $black-2;
    line-height: 1.8rem;
  }
}

.setting-content{
  span.note{
    color: $black-2;
    font-size: 1.4rem;
    margin-top: 5px;
    display: inline-block;
  }
  .social-label{
    font-size: 2.4rem;
    display: inline-block;
    width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.setting-body{
  padding:0 21px;
}
.social-item{
  margin-bottom: 10px;
}
.check-inline-label{
  padding-left: 1em;
  font-size: 1.6rem;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: $pink; }

.url-input-group-addon{
  background: #dcdcdc;
  color: #989898;
  font-size: 1.6rem;
  left: 10px;
  .has-addon &{
    right: auto;
    border-radius: 4px 0 0 4px;
  }
}

.bootstrap-switch+span{
  padding-left: 10px;
}
.form_add_store{
  .note{
    font-size: 1.6rem;
    color: #989898;
  }
}
.file-row{
  font-size: 1.8rem;
  .control-bar{
    .btn{
      font-size: 1.8rem;
    }
  }
  .progress{
    height: 5px;
    margin-top: 20px;
    margin-bottom: 5px;
  }
}
.fileinput_button{
  background: #fff;
  padding-left: 0;
  padding-right: 0;
  &:active{
    box-shadow: none;
  }
}
.dz-image{
  width: 80px;
  height: 80px;
  overflow: hidden;
}